@charset "UTF-8";
.mj-table {position: relative;overflow:hidden;background:#fff;}
.mj-table:before {content:"";position: absolute;width:100%;height: 1px;bottom:0;left:0;z-index: 2;background: var(--table-border-color);}
.mj-table table {table-layout:fixed;width:100%;}
.mj-table .cell {padding:0 18px;box-sizing: border-box;display: inline-block;word-break:break-all;/*min-height: 24px;*/
}
.mj-table .cell>div{
    display: inline-block;
}
.mj-table table th {white-space: nowrap;background:#f5f5f5;}
.mj-table-header {overflow: hidden;}
.mj-table th, .mj-table td {border-bottom:1px solid var(--table-border-color);padding:10px 0;text-align:left;height: 42px;}
.mj-table th.center,.mj-table td.center {text-align:center;}
.mj-table th.right,.mj-table td.right {text-align:right;}

/*border*/
.mj-table-border {border:1px solid var(--table-border-color);border-bottom:none;border-right:none;}
.mj-table-border td, .mj-table-border th {border-right:1px solid var(--table-border-color);}
.mj-table-border:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--table-border-color);
    z-index: 3;
}

/*stripe*/
.mj-table-stripe .mj-table-body tr:nth-child(2n) td, 
.mj-table-stripe .mj-table-body-fixed tr:nth-child(2n) td {
	background-color: #f8f8f9;
}

/*hover*/
.mj-table-tr-hover {background:var(--table-tr-hover);transition:.2s ease;}

/*top fixed*/
.mj-table-body.scrolling {overflow-y:auto;}
.mj-table-body {overflow-y:auto;}

/*left fixed*/
.mj-table-fixed-left {position: absolute;top:0;left:0;overflow:hidden;background:#fff;}
.mj-table-body-fixed.scrolling {overflow-y:auto;scrollbar-width: none}
.mj-table-body-fixed.scrolling::-webkit-scrollbar {display: none;}
.mj-table-fixed-left.is-scrolling {box-shadow: 2px 0 6px -2px rgb(0 0 0 / 20%);}

/*right fixed*/
.mj-table-fixed-right {position: absolute;top:0;right:0;overflow:hidden;background:#fff;}
.mj-table-fixed-right.is-scrolling {box-shadow: -2px 0 6px -2px rgb(0 0 0 / 20%);}

/*隐藏原始table中fixed的列内容*/
.mj-table .hidden .cell {visibility:hidden;}

/*sort*/
.mj-table .cell.is-sortable {cursor: pointer;}
.mj-table-sort {
	display: inline-flex;
    flex-direction: column;
    align-items: center;
    height: 24px;
    width: 16px;
    vertical-align: middle;
    overflow: initial;
    position: relative;
    margin-left: 5px;
}
.mj-table-sort .sort {
	width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    left: 3px;
    transition:.2s ease;
}
.mj-table-sort .sort.asc {
	border-bottom-color: #c0c4cc;
	top:0;
}
.mj-table-sort .sort.desc {
	border-top-color: #c0c4cc;
    bottom: 2px;
}
.mj-table .cell.is-sortable.asc .asc {
	border-bottom-color: var(--primary);
}
.mj-table .cell.is-sortable.desc .desc {
	border-top-color: var(--primary);
}

/*loading*/
.mj-table-loading {position: absolute;width:100%;height:100%;top:0;left:0;}

/*empty*/
.mj-table .empty {text-align:center;}

/*size*/
.mj-table-large {font-size: 16px;}
.mj-table-large th,.mj-table-large td {height: 54px;}
.mj-table-small {font-size: 12px;}
.mj-table-small th,.mj-table-small td {height: 36px;padding:6px 0;}
/* .mj-table-small .cell {line-height: 24px;} */

/*ellipsis*/
.mj-table-ellipsis .cell, .mj-table-ellipsis .cell>div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.mj-table-tooltip{font-size: 12px;}
/*checkbox*/
.mj-table .cell .mj-checkbox {margin-right: 0;}
